@charset "UTF-8";
@import "./_functions.scss";

//发现
.sf-discover-icon {
	width: rem(180/3);
	background: url(./assets/images/imgs/sf-discover.png) no-repeat;
}
.sf-discover-icon3 {
	height: rem(174/3);
	background-position: 0 0;
	background-size: rem(180/3)  rem(174/3);
}
.sf-discover-icon4 {
	height: rem(174/3);
	background-position: 0px -174px;
	background-size: rem(180/3)  rem(174/3);
}
.sf-discover-icon1 {
	height: rem(174/3);
	background-position: 0px -348px;
	background-size: rem(180/3)  rem(174/3);
}
.sf-discover-icon2 {
	height: rem(174/3);
	background-position: 0px -522px;
	background-size: rem(180/3)  rem(174/3);
}
.sf-discover-icon7 {
	height: rem(180/3);
	background-position: 0px -696px;
	background-size: rem(180/3)  rem(180/3);
}
.sf-discover-icon8 {
	height: rem(180/3);
	background-position: 0px -876px;
	background-size: rem(180/3)  rem(180/3);
}
.sf-discover-icon5 {
	height: rem(180/3);
	background-position: 0px -1056px;
	background-size: rem(180/3)  rem(180/3);
}
.sf-discover-icon6 {
	height: rem(180/3);
	background-position: 0px -1236px;
	background-size: rem(180/3)  rem(180/3);
}



//美容
.sf-hairdressing-icon {
	width: rem(96/3);
	height: rem(96/3);
	background:url(./assets/images/imgs/sf-hairdressing.png) no-repeat;
	background-size: rem(96/3)  rem(96/3);
}
.sf-hairdressing-icon12 { 
	background-position: 0px 0px;
}
.sf-hairdressing-icon13 { 
	background-position: 0px -96px;
}
.sf-hairdressing-icon10 { 
	background-position: 0px -192px;
}
.sf-hairdressing-icon11 { 
	background-position: 0px -288px;
}
.sf-hairdressing-icon16 { 
	background-position: 0px -384px;
}
.sf-hairdressing-icon17 { 
	background-position: 0px -480px;
}
.sf-hairdressing-icon14 { 
	background-position: 0px -576px;
}
.sf-hairdressing-icon15 { 
	background-position: 0px -672px;
}
.sf-hairdressing-icon9 { 
	background-position: 0px -768px; 
}
.sf-hairdressing-icon3 {
	background-position: 0px -864px;
}
.sf-hairdressing-icon4 { 
	background-position: 0px -960px;
}
.sf-hairdressing-icon1 {
	background-position: 0px -1056px;
}
.sf-hairdressing-icon2 { 
	background-position: 0px -1152px; 
}
.sf-hairdressing-icon7 { 
	background-position: 0px -1248px;
}
.sf-hairdressing-icon8 { 
	background-position: 0px -1344px;
}
.sf-hairdressing-icon5 { 
	background-position: 0px -1440px;
}
.sf-hairdressing-icon6 { 
	background-position: 0px -1536px;
}


//保养
.sf-maintain-icon {
	width: rem(96/3);
	height: rem(96/3);
	background: url(./assets/images/imgs/sf-maintain.png) no-repeat;
	background-size: rem(96/3)  rem(96/3);
}
.sf-maintain-icon10 { 
	background-position: 0px 0px; 
}
.sf-maintain-icon9 { 
	background-position: 0px -96px;
}
.sf-maintain-icon8 { 
	background-position: 0px -192px; 
}
.sf-maintain-icon13 { 
	background-position: 0px -288px; 
}
.sf-maintain-icon12 { 
	background-position: 0px -384px; 
}
.sf-maintain-icon11 { 
	background-position: 0px -480px; 
}
.sf-maintain-icon7 { 
	background-position: 0px -576px;
}
.sf-maintain-icon3 { 
	background-position: 0px -672px;
}
.sf-maintain-icon2 { 
	background-position: 0px -768px; 
}
.sf-maintain-icon1 { 
	background-position: 0px -864px;
}
.sf-maintain-icon6 { 
	background-position: 0px -960px;
}
.sf-maintain-icon5 { 
	background-position: 0px -1056px;
}
.sf-maintain-icon4 { 
	background-position: 0px -1152px;
}



//空列表
.sf-empty-icon {
	height: rem(195/3);
	background: url(./assets/images/imgs/sf-empty.png) no-repeat;
}
.sf-empty-icon3 { 
	width: rem(192/3);
	background-position: 0px 0px;
	background-size: rem(192/3)  rem(195/3);
}
.sf-empty-icon4 { 
	width: rem(162/3);
	background-position: -192px 0px;
	background-size: rem(162/3)  rem(195/3);
}
.sf-empty-icon5 { 
	width: rem(192/3);
	background-position: -354px 0px;
	background-size: rem(192/3)  rem(195/3);
}
.sf-empty-icon1 {
	width: rem(174/3); 
	background-position: -546px 0px;
	background-size: rem(174/3)  rem(195/3);
}
.sf-empty-icon2 { 
	width: rem(192/3);
	background-position: -720px 0px;
	background-size: rem(192/3)  rem(195/3);
}
 
//个人中心
.sf-personalCenter-icon {
	width: rem(60/3);
	background: url(./assets/images/imgs/sf-personalCenter.png) no-repeat;
}
.sf-personalCenter-icon4 { 
	height: rem(45/3);
	background-position: 0px 0px;
	background-size: rem(60/3)  rem(45/3);
}
.sf-personalCenter-icon3 { 
	height: rem(48/3);
	background-position: 0px -45px; 
	background-size: rem(60/3)  rem(48/3);
}
.sf-personalCenter-icon5 { 
	height: rem(54/3);
	background-position: 0px -93px;
	background-size: rem(60/3)  rem(54/3);
}
.sf-personalCenter-icon2 { 
	height: rem(54/3);
	background-position: 0px -147px;
	background-size: rem(60/3)  rem(54/3);
}
.sf-personalCenter-icon8 { 
	height: rem(57/3);
	background-position: 0px -201px;
	background-size: rem(60/3)  rem(57/3);
}
.sf-personalCenter-icon1 { 
	height: rem(57/3);
	background-position: 0px -258px;
	background-size: rem(60/3)  rem(57/3);
}
.sf-personalCenter-icon10 { 
	height: rem(60/3);
	background-position: 0px -315px;
	background-size: rem(60/3)  rem(60/3);
}
.sf-personalCenter-icon6 { 
	height: rem(60/3);
	background-position: 0px -375px;
	background-size: rem(60/3)  rem(60/3);
}
.sf-personalCenter-icon7 { 
	height: rem(60/3);
	background-position: 0px -435px;
	background-size: rem(60/3)  rem(60/3);
}
.sf-personalCenter-icon9 { 
	height: rem(63/3);
	background-position: 0px -495px;
	background-size: rem(60/3)  rem(63/3);
}



//收银台
.sf-checkstand {
	height: rem(87/3);
	background: url(./assets/images/imgs/sf-checkstand.png) no-repeat; 
}
.sf-checkstand-choiceBg { 
	width: rem(60/3);
	background-position: 0px 0px;
	background-size: rem(60/3)  rem(87/3);
}
.sf-checkstand-choice { 
	width: rem(60/3);
	background-position: -65px 0px;
	background-size: rem(60/3)  rem(87/3);
}
.sf-checkstand-wxG { 
	width: rem(87/3);
	background-position: -655px 0px;
	background-size: rem(87/3)  rem(87/3);
}
.sf-checkstand-zfb { 
	width: rem(99/3);
	background-position: -136px 0px;	
	background-size: rem(99/3)  rem(87/3);
}
.sf-checkstand-zfbG { 
	width: rem(99/3);
	background-position: -242px 0px;
	background-size: rem(99/3)  rem(87/3);
}
.sf-checkstand-txwb {
	width: rem(87/3); 
	background-position: -355px 0px;
	background-size: rem(87/3)  rem(87/3);
}
.sf-checkstand-txwbG { 
	width: rem(87/3);
	background-position: -452px 0px;
	background-size: rem(87/3)  rem(87/3);
}
.sf-checkstand-wx { 
	width: rem(87/3);
	background-position: -557px 0px;
	background-size: rem(87/3)  rem(87/3);
}


//位置相关图标
.sf-adressWay {
	width: rem(156/3);
	background: url(./assets/images/imgs/sf-adressWay.png) no-repeat;
}
.sf-place { 
	height: rem(57/3);
	background-position: 0px 0px;
	background-size: rem(156/3)  rem(57/3);
}
.sf-phone { 
	height: rem(57/3);
	background-position: 0px -57px;
	background-size: rem(156/3)  rem(57/3);
}
.sf-coordinate-blue { 
	height: rem(111/3);
	background-position: 0px -114px;
	background-size: rem(156/3)  rem(111/3);
}
.sf-coordinate-red { 
	height: rem(111/3);
	background-position: 0px -225px;
	background-size: rem(156/3)  rem(111/3);
}
.sf-sun { 
	height: rem(132/3);
	background-position: 0px -336px;
	background-size: rem(156/3)  rem(132/3);
}
.sf-icon-point {
	height: rem(156/3); 
	background-position: 0px -468px;
	background-size: rem(156/3)  rem(156/3);
}


//零散图标
.sf-ABC {
	width: rem(42/3);
	height: rem(30/3); 
	background: url(./assets/images/imgs/sf-ABC.png) no-repeat;
	background-size: rem(42/3)  rem(30/3);
}
.sf-address {
	width: rem(192/3);
	height: rem(195/3);
	background: url(./assets/images/imgs/sf-address.png) no-repeat;
	background-size: rem(192/3)  rem(195/3);
}
.sf-arrow-down {
	width: rem(27/3);
	height: rem(18/3);
	background: url(./assets/images/imgs/sf-arrow-down.png) no-repeat;
	background-size: rem(27/3)  rem(18/3);
}
.sf-backIcon {
	width: rem(96/3);
	height: rem(96/3);
	background: url(./assets/images/imgs/sf-backIcon.png) no-repeat;
	background-size: rem(96/3)  rem(96/3);
}
.sf-chexiang-logo {
	width: rem(360/3);
	height: rem(321/3);
	background: url(./assets/images/imgs/sf-chexiang-logo.png) no-repeat;
	background-size: rem(360/3)  rem(321/3);
}
.sf-funnel {
	width: rem(45/3);
	height: rem(45/3);
	background: url(./assets/images/imgs/sf-funnel.png) no-repeat;
	background-size: rem(45/3)  rem(45/3);
}
.sf-leftIcon {
	width: rem(39/3);
	height: rem(63/3);
	background: url(./assets/images/imgs/sf-leftIcon.png) no-repeat;
	background-size: rem(39/3)  rem(63/3);
}
.sf-loading {
	width: rem(42/3);
	height: rem(42/3);
	background: url(./assets/images/imgs/sf-loading.png) no-repeat;
	background-size: rem(42/3)  rem(42/3);
}
.sf-money {
	width: rem(54/3);
	height: rem(54/3);
	background: url(./assets/images/imgs/sf-money.png) no-repeat;
	background-size: rem(54/3)  rem(54/3);
}
.sf-more {
	width: rem(54/3);
	height: rem(12/3);
	background: url(./assets/images/imgs/sf-more.png) no-repeat;
	background-size: rem(54/3)  rem(12/3);
}
.sf-more-3 {
	width: rem(60/3);
	height: rem(45/3);
	background: url(./assets/images/imgs/sf-more-3.png) no-repeat;
	background-size: rem(60/3)  rem(45/3);
}
.sf-more-wx {
	width: rem(96/3);
	height: rem(96/3);
	background: url(./assets/images/imgs/sf-more-wx.png) no-repeat;
	background-size: rem(96/3)  rem(96/3);
}
.sf-note {
	width: rem(39/3);
	height: rem(39/3);
	background: url(./assets/images/imgs/sf-note.png) no-repeat;
	background-size: rem(39/3)  rem(39/3);
}
.sf-praise-blue {
	width: rem(45/3);
	height: rem(39/3);
	background: url(./assets/images/imgs/sf-praise-blue.png) no-repeat;
	background-size: rem(45/3)  rem(39/3);
}
.sf-praise-gray {
	width: rem(51/3);
	height: rem(45/3);
	background: url(./assets/images/imgs/sf-praise-gray.png) no-repeat;
	background-size: rem(51/3)  rem(45/3);
}
.sf-salesPromotion {
	width: rem(114/3);
	height: rem(114/3);
	background: url(./assets/images/imgs/sf-salesPromotion.png) no-repeat;
	background-size: rem(114/3)  rem(114/3);
}
.sf-scan {
	width: rem(54/3);
	height: rem(54/3);
	background: url(./assets/images/imgs/sf-scan.png) no-repeat;
	background-size: rem(54/3)  rem(54/3);
}
.sf-signal {
	width: rem(300/3);
	height: rem(300/3);
	background: url(./assets/images/imgs/sf-signal.png) no-repeat;
	background-size: rem(300/3)  rem(300/3);
}
.sf-star {
	width: rem(246/3);
	height: rem(39/3);
	background: url(./assets/images/imgs/sf-star.png) no-repeat;
	background-size: rem(246/3)  rem(39/3);
}
.sf-success {
	width: rem(246/3);
	height: rem(246/3);
	background: url(./assets/images/imgs/sf-success.png) no-repeat;
	background-size: rem(246/3) rem(246/3);
}
.sf-upload {
	width: rem(96/3);
	height: rem(99/3);
	background: url(./assets/images/imgs/sf-upload.png) no-repeat;
	background-size: rem(96/3) rem(99/3);
}
.sf-warning {
	width: rem(111/3);
	height: rem(96/3);
	background: url(./assets/images/imgs/sf-warning.png) no-repeat;
	background-size: rem(111/3)  rem(96/3);
}
.sf-weixin {
	width: rem(60/3);
	height: rem(54/3);
	background: url(./assets/images/imgs/sf-weixin.png) no-repeat;
	background-size: rem(60/3)  rem(54/3);
}
.sf-yes {
	width: rem(42/3);
	height: rem(30/3);
	background: url(./assets/images/imgs/sf-yes.png) no-repeat;
	background-size: rem(42/3) rem(30/3);
}
.sf-arrow-right {
	width: rem(24/3);
	height: rem(39/3);
	background: url(./assets/images/imgs/sf-arrow-right-1.png) no-repeat;
	background-size: rem(24/3) rem(39/3);
}
.sf-close {
	width: rem(36/3);
	height: rem(36/3);
	background: url(./assets/images/imgs/sf-close.png) no-repeat;
	background-size: rem(36/3) rem(36/3);
}
.sf-tips {
	width: rem(39/2.6);
	height: rem(39/2.6);
	background: url(./assets/images/imgs/sf-tip-icon.png) no-repeat;
	background-size: rem(39/3) rem(39/3);
}
.sf-jia {
	width: rem(33/3);
	height: rem(33/3);
	background: url(./assets/images/imgs/sf-jia.png) no-repeat;
	background-size: rem(33/3) rem(33/3);
}
//add onc
.icon-video-1{
	width: rem(28);
	height: rem(28);
	background: url(./assets/images/imgs/icon-video.png) no-repeat;
	background-size: rem(28) rem(28);
}

.icon-manager{
	display:block;
	width: rem(48/2);
	height: rem(52/2);
	background: url(./assets/images/icon-manager.png) no-repeat;
	background-size: rem(48/2) rem(52/2);
	

}
.sf-warning{
	display:block;
	width:rem(37);
	height:rem(32);
	background: url(./assets/images/warning.png) no-repeat;
	background-size:100% 100%;
}
.sf-card-btn{
	display:block;
	width:rem(32);
	height:rem(32);
	background: url(./assets/images/btn-icon.png) no-repeat;
	background-size:100% 100%;
}